草庐IT

html 图像

全部标签

javascript - 预加载图像和添加类

我正在使用以下代码预加载我的图像:functionpreload(sources){varimages=[];for(i=0,length=sources.length;i如何向图像对象添加类?我试过images[i].class='classname',但这并不能解决问题。有什么建议吗?谢谢! 最佳答案 使用className而不是class。images[i].className="className"; 关于javascript-预加载图像和添加类,我们在StackOverflow

javascript - underscore.js 和 backbone.js 的外部 html 模板

我可以将我的模板放在单独的.html文件中,然后在我的index.html中引用它们吗?索引.html:项目列表-tmpl.html:我试过了,但问题是它没有在index.html上显示模板,但它加载在正确的位置(使用Firebug查看)更新找到了一个可能的解决方案,但不推荐用于生产环境。 最佳答案 从http://coenraets.org/blog/2012/01/backbone-js-lessons-learned-and-improved-sample-app/#comment-35324得到这个为此创建一个单独的js文件

javascript - 如果将前端代码分组有助于减少请求,为什么不将更多网站写在一个 html 文档上?

我想我想问的是,如果将JavaScript分组被认为是一种好的做法,为什么没有更多的网站将JavaScript和CSS直接放入一个HTML文档中? 最佳答案 whydon'tmorewebsitesplacetheJavaScriptandCSSdirectlyintooneHTMLdocument单个文件缓存。外部文件具有被缓存的优势。由于脚本和样式很少更改(静态)和/或在页面之间共享,因此最好将它们与页面分开,使页面更轻便。与其下载500kb的嵌入JS和CSS的页面数据,为什么不加载5kb的页面,并从缓存中加载495kb的JS和

javascript - Three.js中如何使用相机作为纹理图像

在three.js中,我试图创建一个纹理,其图像是从相机看到的当前场景。使用CubeCamera来创建类似的效果是有据可查的;我用CubeCamera创建了一个场景示例来说明我的目标:http://stemkoski.github.com/Three.js/Camera-Texture-Almost.html但是,我想使用普通相机(而不是立方体相机)作为纹理。我怎么能这样做? 最佳答案 理想情况下这会起作用。初始化:renderTarget=newTHREE.WebGLRenderTarget(512,512,{format:THR

javascript - 如何使用 jquery 获取 html 5 多文件上传变量的值?

即使我使用下面的html选择了多个文件。我只得到第一个选择文件的值。我正在使用一个简单的:varfilelist=$("#multiplefiles").val()||[];$.each(filelist,function(i,myfile){console.log('foundfile'+i+'='+myfile);});请告知我如何获取所有文件的列表...例如在输入字段中选择的字符串是:C:\Users\Public\Pictures\SamplePictures\Hydrangeas.jpg,C:\Users\Public\Pictures\SamplePictures\Chry

javascript - 在 CSS 中保持纵横比的同时将图像调整到容器大小?

我有一堆不同(未知)尺寸的图像。我想将这些图像放到一个div中,并让它们自动符合div的尺寸,同时保持它们的纵横比。换句话说,如果图像宽度大于高度,则宽度将为100%,高度将相应缩放。如果图像高于宽度,高度将为100%,宽度将相应缩放。有没有办法在纯css中做到这一点?谢谢 最佳答案 使用css属性max-width和max-height图片上的图标将带您到达您需要去的地方。fiddlehttp://fiddle.jshell.net/sHAQ9/HTMLCSSdiv{width:150px;height:150px;overflo

javascript - 使用 JavaScript 从 HTML5 data-* 属性获取 JSON 对象

这是我的HTML:到目前为止,这是我的JavaScript:vara=document.querySelectorAll('[data-setup]')for(vari=0;i这会提醒:ALERT:{"method":"checkbox"}但是我怎样才能访问JSON“方法”?我想基本上能够提醒“复选框”这个词。任何帮助表示赞赏。 最佳答案 JSON.parse将是从该JSON创建适当对象的最简单方法:for(vari=0;i当然,这在旧版浏览器中不起作用,因此如果您需要那种浏览器支持,则需要填充它。道格拉斯克罗克福德有垫片here,

javascript - 使用 javascript 将 Canvas 图像上传到 imgur (api v3)

我正在构建一个有趣的Chrome实验。mustache镜子!http://sjoerddijkstra.nl/cam/我想使用ImgurAPIV3将图像从tecanvas上传到Imgur,然后显示链接,但我真的不知道该怎么做。我找到的所有工作示例都使用V2API...我使用canvas.toDataURL:vardataURL=canvas.toDataURL("image/png");returndataURL.replace(/^data:image\/(png|jpg);base64,/,""); 最佳答案 Imgur文档在I

javascript - 图像失败需要多长时间?

我从互联网上加载图像:img.src='some_path'我注意到有些图片在网速慢的情况下需要很长时间才能加载,有些图片需要很长时间才能加载然后失败。有时,域一起关闭。如果服务器宕机了,这会很好用,因为很快就会抛出错误,我可以捕获错误并相应地更改src。但是,对于速度缓慢然后失败的页面-我看到浏览器在最终出错之前显示某种空白框,似乎持续了10秒或更长时间。似乎太长了。我会说给网站大约4秒,如果它没有响应则抛出错误。有没有办法调整这个?客户端在抛出错误之前等待的时间?让这种空白的blox盯着用户10秒或更长时间看起来很草率。目前在FireFox中。 最佳答案

javascript - html2canvas - iframe 没有屏幕截图

我有一个任务需要在我的网页上加载URL(e.g.yahoo.com)并截取屏幕截图。我正在使用html2canvas截图并将其附加到页面正文。URL指定的页面已成功加载到div元素内的iframe中。但是当我尝试对其进行截图时,iframe区域变为空白。下面是previewURL和screenshot的代码。//topreviewtheURLcontentfunctionpreviewUrl(url,target){//usetimeoutcozmousehoverfiresseveraltimesclearTimeout(window.ht);window.ht=setTimeout